<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>登录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <link type="text/css" rel="stylesheet" href="/patentQuery/css/login.css">
    <script type="text/javascript" src="/patentQuery/js/jquery.min.js"></script>
    <script type="text/javascript" src="/patentQuery/js/jquery.form.js"></script>
</head>
<body class="login_bj">
<div class="zhuce_body">
	<div class="logo"><a href="/patentQuery/index.html"><img src="images/logo.png" border="0"></a></div>
    <div class="zhuce_kong login_kuang">
    	<div class="zc">
        	<div class="bj_bai">
            <h3>登录</h3>
       	  	  <form id="loginForm" method="post">
                <input name="username" type="text" class="kuang_txt phone" placeholder="用户名或手机号" data-validate="required:请填写账号">
                <input name="password" type="password" class="kuang_txt password" placeholder="密码">
                <div id="yanzheng" hidden>
                    <input name="captcha" id="captcha" type="text" class="kuang_txt yanzm" placeholder="验证码">
                    <div class="hui_kuang">
                        <!--点击图片即可刷新-->
                        <img id="captchaCode_img" src="/patentQuery/jcaptcha.jpg"
                             onclick="this.src='jcaptcha.jpg?d='+new Date()*1"
                             title="点击更换验证码"
                             style="margin: 0 10px;width: 80px;height: 31px;">
                    </div>
                    <!--<div class="shuaxin"><a href="#"><img src="images/zc_25.jpg" width="13" height="14"></a></div>-->
                </div>
                <div>
               		<a href="#">忘记密码？</a><input name="" type="checkbox" value=""><span>记住我</span>
                </div>
                <input id="loginBtn" type="button" class="btn_zhuce" value="登录">
              </form>
            </div>
        	<div class="bj_right">
            	<p>使用以下账号直接登录</p>
                <a href="/patentQuery/qqLogin" class="zhuce_qq">QQ登录</a>
                <!--<a href="#" class="zhuce_wb">微博注册</a>-->
                <!--<a href="#" class="zhuce_wx">微信注册</a>-->
                <p>注册一个帐号？<a href="userRegister.html">立即注册</a></p>
            </div>
        </div>
    </div>
</div>
<script src="js/layer/layer.js"></script>
<script src="js/util.js"></script>
<script>
// 跟注册不同，登录采取服务器端验证的方式。
$('#loginBtn').click(function (e) {
    var $form = $('#loginForm');
    var data = $form.serialize();
    var options = {
        url:'/patentQuery/user/login',
        type:'post',
        success:function(returnData) {
            // handleMessageCode(returnData);

            var messageCode = returnData.messageCode;
            // 登录失败
            if (messageCode === "201" || messageCode === "202" || messageCode === "203" || messageCode === "204"
                || messageCode === "205" || messageCode === "206" || messageCode === "002" || messageCode === "309") {

                switch (messageCode) {
                    case "204": // 显示验证码输入
                        $('#yanzheng').show(); break;
                    case "206": // 验证码不正确
                        $('#captchaCode_img').attr('src','jcaptcha.jpg?d='+new Date()*1);
                    default: break;
                }

                layer.tips(returnData.message, '#loginBtn', {
                    tips: 2 // 右边
                });
            }
            // 登录成功
            else if (messageCode === "001") {
                // 登录成功，跳转主页
                location.href = "/patentQuery/";
                if (returnData.data && returnData.data.user) {
                    // 存储在 sessionStorage 里面的数据在页面会话结束时会被清除。
                    // 页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。
                    // 在新标签或窗口打开一个页面会初始化一个新的会话，这点和 session cookies 的运行方式不同。
                    sessionStorage.setItem("user", JSON.stringify(returnData.data.user));
                }
            }
        },
        error:function() {
            alert('系统异常，登录失败');
        }
    };
    $form.ajaxSubmit(options);
    return false;
});
</script>
</body>
</html>